/* ### GENERAL FORM STYLES ### */

.prettyForm fieldset {
margin: 15px 0;
padding: 10px;
background-color: #FFF;
position: relative;
}

.prettyForm fieldset p {}

.prettyForm legend {
padding: 1px 0;
font-weight: bold;
color: #115098;
text-transform: none;
vertical-align: middle;
}

.prettyForm input, .prettyForm textarea {
font-weight: normal;
cursor: auto;
vertical-align: middle;
padding: 4px;
color: #111111;
border: 1px solid #AFAEAA;
background-color: #E3DFD8;
}

.prettyForm input:hover, .prettyForm textarea:hover {
background-color: #E9E9E2;
}

.prettyForm input.langvalue, .prettyForm textarea.langvalue {
width: 90%;
}

.prettyForm optgroup, .prettyForm select {
font-weight: normal;
font-style: normal;
cursor: pointer;
vertical-align: middle;
width: auto;
color: #000;
}

.prettyForm optgroup {
font-weight: bold;
}

.prettyForm optgroup.disabled-options {
display: none;
background-color: gray;
}

.prettyForm option {
padding: 0 1em 0 0;
color: #000;
}

.prettyForm option.disabled-option {
color: graytext;
}

.prettyForm .username-coloured {
font-weight: bold;
}

.prettyForm textarea {
width: 60%;
padding: 2px;
}

.prettyForm label {
cursor: pointer;
padding: 0 5px 0 0;
}

.prettyForm label input {
vertical-align: middle;
}

.prettyForm label img {
vertical-align: middle;
}

.prettyForm select option.disabled {
background-color: #BBB;
color: #FFF;
}

.prettyForm dt {
float: left;
width: auto;
}

.prettyForm dd {
color: #666;
}

.prettyForm dd + dd {
padding-top: 5px;
}

.prettyForm dt span {
padding: 0 5px 0 0;
}

.prettyForm dt .explain {
font-style: italic;
}

.prettyForm dt label {
text-align: left;
font-weight: bold;
color: #4A5A73;
}

.prettyForm dd label {
white-space: nowrap;
margin: 0 10px 0 0;
color: #4A5A73;
}

/* ## Tweak for Moz to align checkboxes/radio buttons nicely ## */
.prettyForm html>body dd label input {
vertical-align: text-bottom;
}

.prettyForm dd input {
max-width: 100%;
}

.prettyForm dd select {
width: auto;
max-width: 100%;
}

.prettyForm dd textarea {
width: 90%;
}

.prettyForm dd select {
width: auto;
}

.prettyForm fieldset dl {
margin-bottom: 15px;
}

.prettyForm fieldset dt {
width: 20%;
text-align: left;
border: none;
border-right: 1px solid #CCC;
padding-top: 3px;
}

.prettyForm fieldset dd {
margin: 0 0 0 20%;
padding: 0 0 0 5px;
border: none;
border-left: 1px solid #CCC;
vertical-align: top;
}

.prettyForm dd.full {
margin: 0;
border: 0;
padding: 0;
padding-top: 3px;
text-align: center;
width: 95%;
}

/* ## Hover highlights for form rows ## */
.prettyForm fieldset dl:hover dt, .prettyForm fieldset dl:hover dd {
border-color: #666;
}

.prettyForm fieldset dl:hover dt label {
color: #000;
}

.prettyForm fieldset dl dd label:hover {
color: #BC2A4D;
}

.prettyForm input:focus, .prettyForm textarea:focus {
border: 1px solid #BC2A4D;
background-color: #E9E9E2;
color: #BC2A4D;
}

/* Submit button fieldset or paragraph
---------------------------------------- */
.prettyForm fieldset.submit-buttons {
text-align: center;
border: none;
background-color: transparent;
margin: 0;
padding: 4px;
margin-top: -1px;
}

.prettyForm p.submit-buttons {
text-align: center;
margin: 0;
padding: 4px;
margin-top: 10px;
}

.prettyForm fieldset.submit-buttons input, .prettyForm p.submit-buttons input {
padding: 3px 2px;
}

.prettyForm fieldset.submit-buttons legend {
display: none;
}

/* Input field styles
---------------------------------------- */

.prettyForm input.radio, .prettyForm input.permissions-checkbox {
width: auto !important;
background-color: transparent;
border: none;
cursor: default;
}

.prettyForm input.full, .prettyForm textarea.full {
width: 95%;
}

.prettyForm input.title {
width:95%;
font-size:1.5em;
font-weight:bolder;
padding:3px;
}

.prettyForm input.medium {
width: 60%;
}

.prettyForm input.narrow {
width: 25%;
}

.prettyForm input.tiny {
width: 10%;
}

/* Form button styles */

.prettyForm a.button1, .prettyForm input.button1, .prettyForm input.button3,
.prettyForm a.button2, .prettyForm input.button2 {
width: auto !important;
padding: 1px 3px 0 3px;
color: #000;
background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
cursor: pointer;
}

.prettyForm a.button1, .prettyForm input.button1 {
font-weight: bold;
border: 1px solid #666;
}

/* Alternative button */
.prettyForm a.button2, .prettyForm input.button2 {
border: 1px solid #666;
}

/* <a> button in the style of the form buttons */
.prettyForm a.button1, .prettyForm a.button1:link, .prettyForm a.button1:visited, .prettyForm a.button1:active,
.prettyForm a.button2, .prettyForm a.button2:link, .prettyForm a.button2:visited, .prettyForm a.button2:active {
text-decoration: none;
color: #000;
padding: 4px 8px;
}

/* Hover states */
.prettyForm a.button1:hover, .prettyForm input.button1:hover,
.prettyForm a.button2:hover, .prettyForm input.button2:hover {
border: 1px solid #BC2A4D;
background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
color: #BC2A4D;
}

.prettyForm input.disabled {
font-weight: normal;
color: #666666;
}